<!DOCTYPE html>
<html lang="zh-CN">
<link rel="stylesheet" href="{{asset('/new/css/public.css')}}">
<link rel="stylesheet" href="{{asset('/new/css/layouts/common.css')}}">
<link rel="stylesheet" href="{{asset('/new/css/index/mobileHelp.css')}}">
<head>
    <meta charset="UTF-8">
    <title>{{Site::get('webname')}}手机版</title>
</head>
<body>
@include('new.layouts.header')
<div class="mobileTop">
    <div class="wrapper">
        <div class="logo"><a href="{{url('/')}}"><img src="{{asset('/new/images/logo/logo_new.png')}}" alt=""></a></div>
        <ul class="switchNav" id="switchNav">
            <li class="active"><span>客户端</span></li>
            <li><span>触屏版</span></li>
            <li><span>微信版</span></li>
        </ul>
    </div>
</div>
<div class="switchItems">
    {{-- iphone --}}
    <div class="client selected">
        <div class="wrapper">
            <a class="download iphone" href="javascript:void(0)"></a>
            <a class="download android" href="javascript:void(0)"></a>
            <div class="code">
                <img src="{{asset('default/images/logo/code_ios.png')}}" width="112" height="112" alt="iphone下载二维码">
                <img style="display: none" src="{{asset('default/images/logo/code_android.png')}}" width="112" height="112" alt="android下载二维码">
            </div>
        </div>
    </div>
    {{-- 触屏 --}}
    <div class="html5">
        <div class="wrapper">
            <div class="explain">手机浏览器输入网址：m.zlczm.com</div>
        </div>
    </div>
    {{-- 微信 --}}
    <div class="weixin">
        <div class="wrapper">
            <div class="explain">查找公众号：一网人才</div>
            <div class="code">
                <img src="{{asset('/default/images/logo/code_weixin.png')}}" width="112" height="112" alt="weixin二维码">
            </div>
        </div>
    </div>
</div>
<div class="cont">
    <div class="box1">
        <img src="{{asset('/new/images/index/mobileHelp_01.jpg')}}" alt="" width="620" height="500">
    </div>
    <div class="box2">
        <img src="{{asset('/new/images/index/mobileHelp_02.jp')}}g" alt="" width="620" height="500">
    </div>
    <div class="box3">
        <img src="{{asset('/new/images/index/mobileHelp_03.jpg')}}" alt="" width="620" height="500">
    </div>
</div>
@include('new.layouts.footer')
<script type="text/javascript" src="{{asset('/default/js/jquery.js')}}"></script>
<script type="text/javascript" src="{{asset('/new/js/public.js')}}"></script>
<script type="text/javascript" src="{{asset('/vendor/org/layer/layer.js')}}"></script>
<script type="text/javascript" src="{{asset('/new/js/head.js')}}"></script>
<script type="text/javascript">
    $(function(){
        //导航条切换
        $('#switchNav li').on('click','span',function(){
            var index = $(this).parent().index();
            $(this).parent().addClass('active').siblings('.active').removeClass('active');
            $('.switchItems').children('.selected').removeClass('selected').hide();
            $('.switchItems').children().eq(index).addClass('selected').fadeIn(500);
        });

        //客户端iphone、Android二维码切换
        $('.switchItems .download').click(function(){
            var index = $(this).index();
            $(this).siblings('.code').children('img').css('display','none').eq(index).css('display','');
        });
    });
</script>
</body>
</html>